<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Index</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <style>
        #image {
            padding-left: 100px;
            padding-top: 100px;
        }

        .btn-group-vertical {
            margin-top: 200px;
            padding: 100px;
            font-size: 200px;
            width: 100%
        }

        button {
            width: 100%;
        }
    </style>
</head>
<body background="img/background.jpg">
<div class="row">
    <img class="col-md-6" id="image" src="img/pregnant.svg"/>
    <div class="col-md-6">
        <div aria-label="..." class="btn-group-vertical" role="group">
            <button class="btn btn-default" onclick="window.location.href='insert'" type="button">添加新医生信息</button>
            <button class="btn btn-default" onclick="window.location.href='inquiries'" type="button">查询医生信息</button>
            <button class="btn btn-default" onclick="window.location.href='change'" type="button">修改医生信息</button>
            <button class="btn btn-default" onclick="window.location.href='delete'" type="button">删除预约信息</button>
            <button class="btn btn-default" onclick="window.location.href='check'" type="button">查询预约信息</button>
        </div>
    </div>
</div>
</body>
</html>